@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-size: 80px;
}
body{
	
	background-image: url(../img/背景.jpg);
	background-repeat: no-repeat;
	
	background-size: 100% 1000px;
}
.pig1{
	width: 200px;
	height: 300px;
	bor der: 1px solid red;
	background: url(../img/pig1.png);
	background-size: 100% 100%;
	position: relative;
	left: 450px;
	top: 450px;
	animation: pig1 6s linear infinite;
	ani
}
.pig2{
	width: 200px;
	height: 300px;
	bor der: 1px solid red;
	background: url(../img/pig2.png);
	background-size: 100% 100%;
	position: relative;
	left: 1200px;
	top: 200px;
	animation: pig2 10s linear infinite;
}
.pig3{
	width: 400px;
	height: 400px;
	bor der: 1px solid red;
	background: url(../img/pig3.png);
	background-size: 100% 100%;
	position: relative;
	left: -135px;
	top: -250px;
	animation: pig3 5s linear infinite;
}
.pig4{
	width: 300px;
	height: 300px;
	bor der: 1px solid red;
	background: url(../img/pig4.png);
	background-size: 100% 100%;
	position: relative;
	left:1450px;
	top:-650px;
	animation:pig4 3s linear infinite;
}
@keyframes pig1{
	0%{
		left: 450px;
		top: 200px;
		background: url(../img/pig1.png);
		background-size: 100% 100%;
	}
	10%{
		left: 470px;
		top: 300px;
		background: url(../img/pig1.png);
		background-size: 100% 100%;
	}
	20%{
		left: 490px;
		top: 550px;
		background: url(../img/pig1.png);
		background-size: 100% 100%;
	}
	30%{
		left: 350px;
		top: 450px;
		background: url(../img/pig1.png);
		background-size: 100% 100%;
	}
}
@keyframes pig2{
	0%{
		left: 1200px;
		top: 200px;
		background: url(../img/pig5.png);
		background-size: 100% 100%;
	}
	10%{
		left:1370px;
		top: 400px;
		background: url(../img/pig6.png);
		background-size: 100% 100%;
	}
	20%{
		left: 1400px;
		top: 200px;
		background: url(../img/pig7.png);
		background-size: 100% 100%;
	}
	30%{
		left: 1460px;
		top: 300px;
		background: url(../img/pig8.png);
		background-size: 100% 100%;
	}
}
@keyframes pig3{
		0%{
			left: -135px;
			top: -250px;
			background: url(../img/pig3.png);
			background-size: 100% 100%;
		}
		10%{
			left:-115px;
			top: -280px;
			background: url(../img/pig9.png);
			background-size: 100% 100%;
		}
		20%{
			left: -105px;
			top:-260 px;
			background: url(../img/pig10.png);
			background-size: 100% 100%;
		}
		30%{
			left: -85px;
			top:-240px;
			background: url(../img/pig11.png);
			background-size: 100% 100%;
		}
}	
@keyframes pig4{
		0%{
			left: 1450px;
			top: -650px;
			background: url(../img/pig4.png);
			background-size: 100% 100%;
		}
		10%{
			left:1400px;
			top: -670px;
			background: url(../img/pig4.png);
			background-size: 100% 100%;
		}
		20%{
			left: 1350px;
			top: -645px;
			background: url(../img/pig4.png);
			background-size: 100% 100%;
		}
		30%{
			left: 1400px;
			top:-700px;
			background: url(../img/pig12.png);
			background-size: 100% 100%;
		}
}	